<template>
    <div>
        <header>
            最新评审动态
        </header>
        <ul>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
            <li class="clearfix">
                <p>
                    <i class="el-icon-document"></i>
                    <span>关于做好2020年度知识产权专业职称评审工作的通知</span>
                </p>
                <p>
                    <span>2020-11-22 12:00:00</span>
                </p>
            </li>
        </ul>
        <el-pagination
        background
        layout="prev, pager, next"
        :total="500">

        </el-pagination>
    </div>
</template>
<style lang="less" scoped>
    header{
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        border: 1px solid rgb(226, 226,226);
        margin: 20px 0 10px 0;
        padding-left:5px ;
    }
    li{
        color:rgb(148,148,148);
        text-align: left;
        padding: 15px 0;
        font-size: 12px;
        border-bottom: 1px dashed rgb(235,235,235);
        p:first-of-type{
            float: left;
        }
        p:last-of-type{
            float: right;
        }
    }
</style>
<script>
export default {
  mounted(){
    sessionStorage.setItem('tagIndex','4')
    sessionStorage.setItem('fName','page4')
  }
}
</script>